<template>
  <div id="sidebar">
    <side-bar>
      <nav-bar-item path="/contact/conProfile">
        <div slot="text"><el-link >联系我们</el-link></div>
        <div slot="text_active"><el-link type="danger">联系我们    --></el-link></div>
      </nav-bar-item>
    </side-bar>
  </div>
</template>

<script>

    import SideBar from "../sideBar/sideBar";
    import NavBarItem from "../../common/navBarItem/navBaritem";

    export default {
        name: "contactItem",
      components: { NavBarItem, SideBar}
    }
</script>

<style scoped>
  #sidebar{
    padding-top: 0;
    float:left;
    width:20%;
    height: 600px;
    border-top-width: 1px;
    /*border-top-style: dashed;*/

    border-bottom-width: 1px;
    border-bottom:1px dashed gainsboro;
    background-color: #f8f8f8;
  }
</style>
